<template>
	<view class="dwu-state">
		<image src="../../static/index/state_bg.png" mode=""></image>
		<text>{{title}}</text>
	</view>
</template>

<script>
	export default {
		name: "dwu-state",
		props: {
			title: {
				default: '',
				type: String
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="less">
	.dwu-state {
		position: relative;
		width: 72rpx;
		height: 34rpx;
		background: transparent;

		image {
			position: absolute;
			width: 72rpx;
			height: 34rpx;
			top: 0;
			left: 0;
			z-index: 1;
		}

		text {
			display: block;
			position: relative;
			z-index: 2;
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 21rpx;
			color: #333333;
			text-align: center;
			line-height: 34rpx;
			text-align: center;
		}
	}
</style>